html, body {
  overflow:hidden
}
#home {
  position:absolute;
  top:0;
  right:0;
  bottom:70px;
  left:0;
  background:url('../../images/common/bg.jpg') center no-repeat;
  background-size:cover
}
.main {
  position:absolute;
  width:100%;
  height:80%;
  bottom:0;
  left:0;
  z-index:1
}
.section {
  position:absolute;
  z-index:2
}
.home-bg {
  height:100%;
  overflow:hidden;
  background-color:#e03d3d;
  opacity:.85;
  span {
    float:left;
    height:300%;
    margin-top:-25%;
    @include rotate(30deg)
  }
  span:nth-child(1) {
    width:15%;
    background-color:#e03d3d
  }
  span:nth-child(2) {
    width:20%;
    background-color:#f9595d
  }
  span:nth-child(3) {
    width:17.6%;
    background-color:#fa7275
  }
  span:nth-child(4) {
    width:23.5%;
    background-color:#e55a5a
  }
  span:nth-child(5) {
    width:23.9%;
    background-color:#e03d3d
  }
}
.logo-container {
  top:-238px;
  left:50%;
  width:471px;
  height:497px;
  margin-left:-235px
}
.home-logo {
  display:block;
  height:100%;
  background-image:url('../../images/common/logo-red.png')
}
.txt-container {
  width:1132px;
  height:107px;
  top:50%;
  left:50%;
  margin-top:-120px;
  margin-left:-566px;
  @include delay(.4s)
}
.home-txt {
  display:block;
  height:100%;
  background-image:url('../../images/txt/txt_04.png')
}
.home-bottom {
  width:897px;
  left:50%;
  bottom:58px;
  margin-left:-448px;
  .side {
    padding-left:73px;
    margin-top:78px;
    @include delay(.2s);
    .icon {
      float:left;
      margin-left:-73px
    }
    span {
      float:left;
      padding-bottom:7px;
      margin-top:11px;
      border-bottom:solid 4px #fff
    }
    img {
      display:block
    }
  }
  .side:nth-child(3) {
    margin-top:87px;
    span {
      margin-top:2px
    }
  }
  .mid {
    width:206px;
    height:206px;
    margin:0 62px 0 74px;
    background:#2d2d2d;
    border-radius:$radius-round;
    text-align:center;
    box-shadow:0 0 10px 0 #2d2d2d;
    @include delay(1s);
    img {
      margin-top:55px
    }
  }
}
.home-follow {
  position:absolute;
  bottom:18px;
  right:62px;
  z-index:3;
  .it {
    position:relative;
    line-height:23px;
    margin:0 18px;
    font-size:15px;
    a {
      color:#900013
    }
    .qr {
      visibility:hidden;
      opacity:0;
      position:absolute;
      bottom:100%;
      left:-59px;
      margin-bottom:30px;
      padding:30px 33px 0 33px;
      background:rgba(0,0,0,.5);
      @include transition(visibility, .3s, ease-in-out);
      @include transition(opacity, .3s, ease-in-out);
      img {
        display:block;
        width:120px;
        height:120px;
      }
      p {
        line-height:56px;
        color:#fff;
        text-align:center
      }
      em {
        position:absolute;
        bottom:-15px;
        left:50%;
        margin-left:-5px;
        width:15px;
        height:15px;
        overflow:hidden
      }
      em::before {
        display:block;
        content:'';
        position:absolute;
        left:2px;
        top:-5px;
        width:10px;
        height:10px;
        background:rgba(0,0,0,.5);
        @include rotate(45deg)
      }
    }
    &:hover {
      .qr {
        visibility:visible;
        opacity:1
      }
    }
  }
  .icon {
    @include transition(all, .3s, ease-in-out)
  }
  a:hover {
    color:#fff;
    .icon-webchat {
      background-image:url('../../images/icon/icon_07.png')
    }
    .icon-web {
      background-image:url('../../images/icon/icon_08.png')
    }
  }
}
.footer {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
  height:70px;
  line-height:70px;
  font-size:18px;
  color:#fff;
  background:#323232;
  a {
    color:#fff
  }
  .fl {
    text-indent:100px
  }
  .fr {
    padding-right:43px
  }
}
@media screen and (max-height:980px) {
  .home-logo, .home-txt, .home-bottom, .home-follow {
    @include scale(.7)
  }
}
